<template>
    <view class="sticky-top">
        <han-status-bar />
        <chatting-header />
    </view>
    <view class="chatting-page">
        <chatting-content />
        <chatting-footer />
    </view>
</template>

<script setup>
import chattingHeader from './components/chattingHeader.vue';
import chattingContent from './components/chattingContent.vue';
import chattingFooter from './components/chattingFooter.vue';
</script>

<style lang="scss" scoped>
.sticky-top {
    position: sticky;
    top: 0;
    z-index: 100;
    background: $han-global-bg-color;
}
</style>
